<template>
	<view class="title_view" :style="styleObj">
		<view class="title_line">1</view>
		<view class="title_text">{{title}}</view>
	</view>
</template>

<script lang="ts" setup>
	import { ref, watch } from 'vue'
	
	const props = defineProps({
	  content: String,
	  styleObj: Object
	})
	const title = ref<any>(props.content)
	watch(
	    () => props.content,
	    (newV) => {
		  title.value = newV
	    }
	);
</script>

<style lang="scss">
	.title_view {
		display: flex;
		align-items: center;
		.title_line {
			width: 2px;
			height: 16px;
		    background: $cus-bg-color;
			margin-right: 16px;
			color: transparent;
		}
		.title_text {
			font-size: 16px;
			font-weight: 500;
		}
	}
	
</style>
